.baseData {
  :global {
    .icon-add {
      color: #1890ff;
      font-weight: bold;
      font-size: 18px;
      cursor: pointer;
      user-select: none;
    }
    .icon-more {
      font-weight: bold;
      font-size: 18px;
      cursor: pointer;
    }
    .add-btn {
      padding: 5px 0 15px;
    }
  }
}
.tableBase {
  :global {
    .ant-table-container table > thead > tr:first-child th:first-child {
      padding: 0;
    }
    .ant-table-tbody > tr {
      & > td {
        &:first-child {
          padding: 0;
        }
        &:last-child::after {
          position: absolute;
          top: 0;
          right: 0;
          bottom: 0;
          border-right: 3px solid #1890ff;
          transform: scaleY(0.0001);
          opacity: 0;
          transition: transform 0.15s cubic-bezier(0.215, 0.61, 0.355, 1),
            opacity 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
          content: '';
        }
        white-space: break-spaces;
      }
      &.ant-table-row-selected > td {
        &:last-child::after {
          transform: scaleY(1);
          opacity: 1;
          transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1),
            opacity 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
        }
      }
    }
  }
}

:global {
  .layer-model-box {
    .ant-modal-content > .ant-modal-body {
      padding: 32px 32px 24px;
    }
  }
}

.abilityBox {
  padding-top: 20px;
  width: 100%;
  overflow-y: auto;
  :global {
    .ability {
      display: flex;
    }
    .ability-item {
      padding-right: 15px;
      // min-width: 435px;
      flex-shrink: 0;
      // max-width: 50%;
      width: 600px;

      &:last-child {
        padding-right: 0;
      }
    }
  }
}

.layerFormBox {
  :global {
    .layer-status-delay {
      .ant-form-item-label > label {
        height: auto;
        align-items: start;
        text-align: center;
        &::after {
          line-height: 32px;
        }
      }
    }
  }
}
